// 滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸
::-webkit-scrollbar {
  // 滚动条宽度
  width: 8px;
  // 滚动条高度
  height: 10px;
}

// 滚动条轨道 内阴影+圆角
::-webkit-scrollbar-track {
  // 滚动条的背景颜色
  background-color: transparent;
  // 滚动条的背景区域的圆角
  border-radius: 4px;
}

// 滑块 内阴影+圆角
::-webkit-scrollbar-thumb {
  // 滚动条的圆角
  border-radius: 4px;
  // 滚动条的背景颜色
  background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}